<template>
  <div style="height: 100%;">
    <div class="head">
      <a @click="prev" id="btn_back_chanping" class="return"></a>资信云授权
    </div>
    <div class="product-list clear" style="margin-top: 45px;">
      <form id="applyForm">
        <div class="weui-flex">
          <span class="weui-agree weui-agree__text">
             *必须授权部分
          </span>
        </div>
        <div class="weui-flex__item">
          <a href="javascript:void(0);" id="mno_bt">
            <div class="placeholder">
              <div class="img">
                <img src="~images/mno.png" alt="">
              </div>
              <div class="product-content-box">
                <h3>运营商<span id="mno_span" class="">(未认证)</span></h3>
              </div>
            </div>
          </a>
        </div>
        <div class="weui-flex__item" v-show="marriage != 1">
          <a href="javascript:void(0);" id="hfund_bt">
            <div class="placeholder">
              <div class="img">
                <img src="~images/hfund.png" alt="">
              </div>
              <div class="product-content-box">
                <h3>公积金<span id="mno_span" class="">(未认证)</span></h3>
              </div>
            </div>
          </a>
        </div>
        <div class="weui-flex" style="width: 100%;">
          <span class="weui-agree weui-agree__text">
             *选择授权部分
          </span>
        </div>
        <div class="weui-flex__item">
          <a href="javascript:void(0);" id="chsi_bt">
            <div class="placeholder">
              <div class="img">
                <img src="~images/chsi.png" alt="">
              </div>
              <div class="product-content-box">
                <h3>学信网<span id="chsi_span" class="">(未认证)</span></h3>
              </div>
            </div>
          </a>
        </div>
        <div class="weui-flex__item">
          <a href="javascript:void(0);" id="maimai_bt">
            <div class="placeholder">
              <div class="img">
                <img src="~images/maimai.png" alt="">
              </div>
              <div class="product-content-box">
                <h3>脉脉<span id="maimai_span" class="">(未认证)</span></h3>
              </div>
            </div>
          </a>
        </div>
        <div class="weui-flex__item">
          <a href="javascript:void(0);" id="jd_bt">
            <div class="placeholder">
              <div class="img">
                <img src="~images/jd.png" alt="">
              </div>
              <div class="product-content-box">
                <h3>京东<span id="jd_span" class="">(未认证)</span></h3>
              </div>
            </div>
          </a>
        </div>
        <div class="weui-flex__item">
          <a href="javascript:void(0);" id="tb_bt">
            <div class="placeholder">
              <div class="img">
                <img src="~images/tb.png" alt="">
              </div>
              <div class="product-content-box">
                <h3>淘宝<span id="tb_span" class="">(未认证)</span></h3>
              </div>
            </div>
          </a>
        </div>
        <div class="weui-flex__item">
          <a href="javascript:void(0);" id="didi_bt">
            <div class="placeholder">
              <div class="img">
                <img src="~images/didi.png" alt="">
              </div>
              <div class="product-content-box">
                <h3>滴滴<span id="didi_span" class="">(未认证)</span></h3>
              </div>
            </div>
          </a>
        </div>
        <div class="weui-flex__item" v-show="marriage === 1">
          <a href="javascript:void(0);" id="hfund_bt">
            <div class="placeholder">
              <div class="img">
                <img src="~images/hfund.png" alt="">
              </div>
              <div class="product-content-box">
                <h3>公积金<span id="mno_span" class="">(未认证)</span></h3>
              </div>
            </div>
          </a>
        </div>
      </form>
    </div>
    <div style="height: 100px;"></div>
    <div class="weui-flex weui-fixed-btm p10 weui-tab__bd-item" id="applyBtnDiv">
        <a @click="applyBtn" class="weui-btn weui-btn_primary weui-btn_shenqing">申请提交</a>
    </div>

  </div>
</template>

<script>
import $ from 'jquery'
window.jQuery = $
window.$ = $
export default {
  data () {
    return {
      marriage: 1
    }
  },
  methods: {
    prev: function () {
      this.$router.go(-1)
    },
    applyBtn: function () {
      var data = $('#applyForm').serialize()
      console.log('资信云授权信息：' + data)
      this.$router.push({ path: '/LoanRealname' })
    }
  }
}
</script>

<style lang="css" scoped>
@import '../../../assets/styles/loanauth.css'
</style>
